import IconWrapper from './Wrapper';

const RawIcon = (
  <svg viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M2.1 0.55C1.85147 0.218629 1.38137 0.151472 1.05 0.4C0.71863 0.648528 0.651472 1.11863 0.900001 1.45L2.1 0.55ZM4.5 5L5.1 5.45C5.3 5.18333 5.3 4.81667 5.1 4.55L4.5 5ZM0.9 8.55C0.651472 8.88137 0.718629 9.35147 1.05 9.6C1.38137 9.84853 1.85147 9.78137 2.1 9.45L0.9 8.55ZM0.900001 1.45L3.9 5.45L5.1 4.55L2.1 0.55L0.900001 1.45ZM3.9 4.55L0.9 8.55L2.1 9.45L5.1 5.45L3.9 4.55Z"
      fill="currentColor"
    />
  </svg>
);

const BoxedIcon = (
  <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M9.1 5.55C8.85147 5.21863 8.38137 5.15147 8.05 5.4C7.71863 5.64853 7.65147 6.11863 7.9 6.45L9.1 5.55ZM11.5 10L12.1 10.45C12.3 10.1833 12.3 9.81667 12.1 9.55L11.5 10ZM7.9 13.55C7.65147 13.8814 7.71863 14.3515 8.05 14.6C8.38137 14.8485 8.85147 14.7814 9.1 14.45L7.9 13.55ZM7.9 6.45L10.9 10.45L12.1 9.55L9.1 5.55L7.9 6.45ZM10.9 9.55L7.9 13.55L9.1 14.45L12.1 10.45L10.9 9.55Z"
      fill="currentColor"
    />
  </svg>
);

export default IconWrapper(RawIcon, BoxedIcon);
